<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    块级容器:表示一块区域,可以换行
    可以包含块级标签与行级标签
 -->
<div style="color:red;">
    <div>这是一个div</div>
    <div>这是一个div</div>
    <h2>这是块级容器中的标题</h2>
    <font>这是字体</font>
    <font>这是字体</font>
    <marquee scrollamount="20">这是滚动字体</marquee>
</div>
<hr>
<!--
    行级容器:所有元素处于同一行
    在行级容器中,所有标签只能是行级标签
    如果遇到块级标签,会破坏行级容器的特性
 -->
<span style="color:green;">
    <span>这是一个span</span>
    <span>这是一个span</span>
    <span>这是一个span</span>
    <font>这是字体</font>
    <b>加粗的</b>
    <h2>块级元素</h2>
</span>
</body>
</html>